<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>疫苗</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<!-- 设置缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="stylesheet" href="../assets/css/amazeui.css" />
		<link rel="stylesheet" href="../assets/css/beans.css" />
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default bg-48CFAE">
	      	<!--<div class="am-header-left am-header-nav">
	          	<a href="addchildren.html" class="heade">
					<i><img style="width: 25px;height: auto;" src="../img/plus.png"></i>
	          	</a>
	      	</div>-->
			<h1 class="am-header-title">
		        <a href="#title-link" class="">疫苗</a>
	      	</h1>
			<!--<div class="am-header-right am-header-nav">
	          	<a href="vaccinelist.html" class="">
					<i><img style="width: 40px;height: auto;" src="../img/list.png"></i>
				</a>
	      </div>-->
	  	</header>
	  	<div class="content">
		  	<div class="tianjia" onclick="window.location.href='addchildren.html'">
		  		<img src="../img/tuceng3.png">
		  		<p class="prompt margintopxs bold">点我添加您的 "宝宝"</p>
		  	</div>
			<!--<ul class="am-avg-sm-2 border">
				<li class="" onclick="window.location.href='graph.html'">
					<img src="../img/growth.png">
					<i class="bold">成长记录</i>
					
				</li>
				<li class="fujin">
					<img src="../img/branches.png">
					<i class="bold">附近网点</i>
				</li>
			</ul>-->
			<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
			  <!--列表标题-->
			    <div class="am-list-news-hd am-cf am-padding-left-0 am-padding-right-0 am-padding-top-0" onclick="window.location.href='articleall.html'">
			       <!--带更多链接-->
			        <a href="articleall.html" class="">
			          	<h2 class="separation" style="height: 20px;"></h2>
					    <h2 style="margin-left: 0.5rem;">推荐文章</h2>
			            <span class="am-list-news-more am-fr" onclick="window.location.href='articleall.html'">更多></span>
			        </a>
			    </div>
			    <hr class="am-margin-0">
				<div class="am-list-news-bd">
			  		<ul class="am-list news">
			    	<!--缩略图在标题左边-->
				      	<!--<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
				      		<div class=" am-u-sm-7 am-list-main">
					            <h4 class="am-list-item-text">警惕！这几种药怎样怎样怎样怎样怎样怎样怎样怎样怎样</h4>
								<ul class="activity" style="margin-top: 0.5rem;">
									<li><img src="../img/eyes.png"><span>1000</span></li>
									<li><img src="../img/comments.png"><span>1000</span></li>
								</ul>
							</div>
				       	 	<div class="am-u-sm-4 am-list-thumb">
				          		<a href="" class="">
				            		<img src="../img/zu3.png" alt="从零星几滴到奶如泉涌！"/>
				          		</a>
				        	</div>
				        </li>-->
				    </ul>
			  	</div>
			</div>
		</div>
	  
	  <div data-am-widget="navbar" class="am-navbar am-cf bg-fff" id="mendb">
			<ul class="am-navbar-nav am-cf am-avg-sm-4" style="border-top:none;">
				<li class="">
					<a href="index.html">
						<img src="../img/home.png">
						<span class="am-navbar-label">首页</span>
					</a>
				</li>
				<li>
					<a href="yuerjiangzuo.html">
						<img src="../img/mamaban.png">
						<span class="am-navbar-label">妈妈班</span>
					</a>
				</li>
				<li class="yimiao active">
					<a>
						<img src="../img/yimiao1.png">
						<span class="am-navbar-label">疫苗</span>
					</a>
				</li>
				<li>
					<a href="personal.html">
						<img src="../img/geren.png">
						<span class="am-navbar-label">个人中心</span>
					</a>
				</li>
			</ul>
		</div>
		
	

		<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
		  	<div class="am-modal-dialog" style="border-radius: 10px;">
		    	<div class="am-modal-bd">完善中！</div>
		    	<div class="am-modal-footer">
		      		<span class="am-modal-btn">确定</span>
		    	</div>
		  	</div>
		</div>
		
		<div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading" data-am-modal="{closeViaDimmer: 0}">
			  <div class="am-modal-dialog" style="border-radius: 4px;">
			    	<div class="am-modal-hd">加载中...</div>
				    <div class="am-modal-bd">
				      <span class="am-icon-spinner am-icon-spin"></span>
				    </div>
			  </div>
		</div>
		
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/jquery.cookie.js"></script>
		<script src="../assets/js/amazeui.min.js"></script>
		<script src="../assets/js/fastclick.min.js"></script>
		<script src="../assets/js/jquery.yomi.js"></script>
		<script src="../js/ym.js"></script>
		<script src="../js/publicss.js"></script>
		<script src="../js/public.js"></script>
		<script>
			$(function(){
				/*推荐文章*/
				ym.ajax({
					url:'/article/getYmArticle',
					param:{
							articleType :3
						},
					success:function(data){
						
						if(data.res ==1){
							console.log(data);
							if(data.obj.results.length > 0 && data.obj.results !=null){
								for(var i=0;i<3;i++){
									var html = "";
									var res = data.obj.results[i];
									html += '<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left yimiaonews" id="'+res.articleId+'">'
												html +='<div class=" am-u-sm-8 am-list-main w72">'
												html +='<h3 class="am-list-item-hd twospace"><a href="javascript:void()" class="">'+res.articleTitle+'</a></h3>'
												/*'<div class="am-list-item-text">'+res.articleDescribe+'</div>'+*/
												html +='<ul class="activity">'
													html +='<li><img src="../img/eyes.png"><span class="am-margin-left-xs">'+res.readNumber+'</span></li>'
													html +='<li><img src="../img/comments.png"><span class="am-margin-left-xs">'+res.replyCount+'</span></li>'
												html +='</ul>'
												html +='</div>'
												html +='<div class="am-u-sm-3 am-list-thumb">'
													html +='<a href="javascript:void()" class="">'
														html +='<img src="'+res.articleCoverUlr+'" alt="零星！"/>'
										      		html +='</a>'
										      html +='</div>'
										       html +='</li>';	
									 $('.news').append(html);
								}
							}else{
								var html = "";
								html = '<li class="am-text-center"><img style="width:100%" src="../img/no.jpg"></li>';
								$('.news').append(html);
							}
							
							
						}else{console.log("数据获取失败！")}
					}
				});
				/*推荐文章的点击事件*/
				$('body').on('click','.yimiaonews',function(){
					var id = $(this).attr('id');
					ym.ajax({
						url:'/article/updateArticleReadNumber',
						type:'post',
						param:{ articleId:id},
						success:function(data){
							if(data.res ==1){
								console.log("数据获取成功跳转页面！")
							}else{console.log("数据获取失败！")}
							window.location.href='yimiaoxinwenXq.html?articleId='+id;
						}
					});
					
				})
				/*附近网点按钮*/
				$('.fujin').on('click',function(){
					$("#my-alert").modal('open');
				})
			})
		</script>
	</body>
</html>
